iT邦幫忙

2024 iThome 鐵人賽

DAY 24
1
自我挑戰組

JS漫遊記系列 第 24

JS漫遊記-24-DOM文件物件模型

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20240905/20166952PElGYnlj1P.jpg

今天去南投出差,雖然發生了很多事情,感覺就像是打了第四次世界大戰
下班的時候,真的感覺很感動!


今天先談論DOM的相關介紹,明天會繼續說明相關舉例喔~

什麼是 DOM????
DOM(Document Object Model,文件物件模型)將網頁內容結構化的標準化方法。它將 HTML 或 XML 文檔轉換成一棵樹形結構,其中每個節點都是文檔的一部分。可以通過程式碼動態地操作網頁內容、結構和樣式。

DOM 的基本結構
節點(Node):
元素節點(Element Node):HTML 標籤,例如:、
文本節點(Text Node):HTML 標籤的內容
屬性節點(Attribute Node):HTML 標籤的屬性,例如:class、id

DOM樹
DOM 樹的根節點是 document 對象。所有的 HTML 元素和文本都是這棵樹的子節點。

「DOM」 與「BOM」的區別

  1. JavaScript 核心 (以 ECMAScript 標準為基礎)
  2. BOM (Browser Object Model,瀏覽器物件模型)
  3. DOM (Document Object Model,文件物件模型)

我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~

對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。

參考來源
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Functions


上一篇
JS漫遊記-23-函數
下一篇
JS漫遊記-25-DOM操作
系列文
JS漫遊記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言